<script lang="ts">
import type { WalletProps } from './PcWallet.vue';
import MobileWallet from './MobileWalletCopy.vue';
import PcWallet from './PcWallet.vue';
import { useReadyAll } from './ts/useReadyAll';

export const wallet = useAntdModal({
  // eslint-disable-next-line import/no-self-import
  is: defineAsyncComponent(() => import('./index.vue')),
  type: 'modal',
}, { width: 730, wrapClassName: 'ant-cover__Modal-drawer', centered: true, zIndex: 11 });
</script>

<script setup lang="ts">
const props = defineProps<WalletProps>();

const readyAllQry = useReadyAll(true);

const getBindProps = computed(() => ({ ...props, readyAllQry }));
</script>

<template>
  <div class="pointer-events-auto relative">
    <MobileWallet v-if="$bp.ltMobile" v-bind="getBindProps" />
    <PcWallet v-else v-bind="getBindProps" />
  </div>
</template>
